<!DOCTYPE HTML>
<html>

<head>
    <title>积分（返佣）管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
    <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
    <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
    <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css" />
    <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="container">
        <div class="detail-page">
            <div class="detail-page-title">
                <form id="form2" method="post" enctype="multipart/form-data">
                    <h4>积分列表
                    </h4>
                </form>
            </div>
            <div class="detail-section">
                <div class="detail-row">
                    <div class="jx-search-container">
                        <form id="searchForm" class="jx-form form-horizontal jx-form-thin">
                            <input type="hidden" name="orderStatus" id="orderStatus">
                            <div class="row ">
                                <div class="control-group span7">
                                    <label class="control-label first">会员名称:</label>
                                    <div class="controls">
                                        <input name="orderCode" type="text" class="control-text">
                                    </div>
                                </div>
                                <div class="control-group span7">
                                    <label class="control-label">会员ID:</label>
                                    <div class="controls">
                                        <input name="supplierName" type="text" class="control-text">
                                    </div>
                                </div>
                                <div class="control-group span7">
                                    <label class="control-label">关联订单:</label>
                                    <div class="controls">
                                        <input name="expressNumber" type="text" class="control-text">
                                    </div>
                                </div>
                                <div class="control-group span2 pull-right">

                                    <button type="submit" class="jx-btn btn-default">搜索</button>

                                </div>
                            </div>
                            <div class="row">
                                <div class="control-group span7">
                                    <label class="control-label">订单类型:</label>
                                    <div class="controls">
                                        <select class="normal-control" name="orderType">
                                            <option value="">全部</option>
                                            <option value="1">采购</option>
                                            <option value="2">分销</option>
                                        </select>
                                    </div>
                                </div>
                            
                                <div class="control-group span10">
                                    <label class="control-label">获取时间:</label>
                                    <div class="controls">
                                        <input type="text" name="beginOrderDate" class="calendar calendar-time input-medium">
                                        <span> - </span>
                                        <input type="text" name="endOrderDate" class="calendar calendar-time input-medium">
                                        <span> </span>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <form id="form1" method="post" enctype="multipart/form-data">
                            <div class="row">

                                <div class="controls" align="left">

                                </div>
                                <div class="controls" align="left">

                                </div>

                            </div>
                        </form>
                    </div>
                    <div id="tab"></div>
                    <div id="panel" class="">
                        <div>
                            <div id="grid"></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
                <!-- 表格 start-->
                <!--   <div id="grid"></div> -->
                <!-- 表格 end-->
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
    <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
    <script type="text/javascript">
        BUI.use('common/page');
    </script>
    <!-- script start -->
    <script>
        BUI.use(['bui/grid', 'bui/data', 'bui/calendar', 'bui/tab', 'common/search'], function (Grid, Data, Calendar,
            Tab, Search) {
            var Grid = Grid,
                Store = Data.Store,
                columns = [{
                    title: '积分类型',
                    dataIndex: 'a',
                    elCls: 'center', //居中
                    width: 150
                }, {
                    title: '会员ID',
                    elCls: 'center',
                    dataIndex: 'b',
                    width: 150
                }, {
                    title: '会员名称',
                    elCls: 'center',
                    dataIndex: 'c',
                    width: 100
                }, {
                    title: '获取积分值',
                    elCls: 'center',
                    dataIndex: 'd',
                    width: 150
                }, {
                    title: '关联订单号',
                    elCls: 'center',
                    dataIndex: 'e',
                    width: 150
                }, {
                    title: '时间',
                    dataIndex: 'f',
                    elCls: 'center',
                    width: 200
                } , {
                    title: '操作',
                    dataIndex: 'h',
                    elCls: 'center',
                    width: 200,
                    renderer: function (value, obj) {
                        var editStr = Search.createLink({ //链接使用 此方式
                            id: 'edit' + obj.id,
                            title: '编辑供应商',
                            text: '[ 详情 ] ',
                            href: 'templates/order/order-list/order-detail.html'
                        });
                        return editStr;
                    }
                }],
                data = [{
                    a: '分享返佣',
                    b: '2356332521',
                    c: 'Aillian_wang',
                    d: '+30',
                    e: '23559264522',
                    f: '2017/03/13 15:30:25',
                    
                    w: '',
                } ];
            var datepicker = new Calendar.DatePicker({
                trigger: '.calendar',
                autoRender: true
            });
            var store = new Store({ //初始化数据
                    data: data,
                    pageSize: 2 // 配置分页数目
                }),
                grid = new Grid.Grid({
                    render: '#grid',
                    elCls: 'small-bui-grid-table',
                    columns: columns,
                    bbar: {
                        // pagingBar:表明包含分页栏
                        pagingBar: true
                    },
                    store: store
                }),
                tab = new Tab.TabPanel({
                    render: '#tab',
                    elCls: 'nav-tabs',
                    panelContainer: '#panel', //如果内部有容器，那么会跟标签项一一对应，如果没有会自动生成
                    //                 selectedEvent : 'mouseenter',//默认为click,可以更改事件
                    autoRender: true,
                    children: [{
                        id: '0',
                        title: '全部(0)',
                        value: '2',
                    }, {
                        id: '1',
                        title: '已下发(0)',
                        value: '1',
                    }, {
                        id: '2',
                        title: '待下发(24)',
                        value: '3',
                    } ]
                });
            var index = 0;
            tab.on('selectedchange', function (ev) {
                var item = ev.item;
            });

            tab.setSelected(tab.getItemAt(0));

            grid.render();
        });
    </script>
    <!-- script end -->

</body>

</html>